Web ComponentsをReactで作る
Shadow DOMの中でReactを使えば、Custom ElementをReactで作れる。
フロントエンドのフレームワークに依存しないコンポーネントを開発しやすい。
React 17ごとバンドルしてWeb Componentsのライブラリとして配布できる。
Preactを使って軽量化することもある。
react & react-domだと、バンドルサイズは数百kB?
hata6502.iconはreactで開発している。
MUIを使ったら、結局のところバンドルサイズは大きくなるので...
Web Components
hata6502.icon 一応Shadow DOMの中でMUIを動かすこともできた。
しかし正式なサポートはしていなく、Dialogの挙動などを調整する必要はある。
フォーカスの挙動が不自然になったりする。